<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>首页</title>
<link rel="stylesheet" type="text/css"
	href="<%=request.getContextPath() %>/resources/css/common/jquery-ui-1.10.4.custom.css">
<link rel="stylesheet" type="text/css"
	href="<%=request.getContextPath() %>/resources/css/style.css">
<script type="text/javascript"
	src="<%=request.getContextPath() %>/resources/js/common/jquery-1.10.2.js"></script>
<script type="text/javascript"
	src="<%=request.getContextPath() %>/resources/js/common/jquery-ui-1.10.4.custom.js"></script>
<script type="text/javascript"
	src="<%=request.getContextPath() %>/resources/js/index.js"></script>
</head>
<body>
	<%@include file="common/header.jsp"%>
	<div id="search">
		<form action="<%=request.getContextPath() %>/searchproduct" method="post" id="searchform">
			<input type="text" class="search" name="proName" placeholder="请输入旅游景点或城市"> 
			<input type="button" value="搜索" class="butn">
		</form>	
	</div>

	<div id="tour">
		<section class="center">
			<h2>热门旅游</h2>
			<p>国内旅游、国外旅游、自助旅游、自驾旅游、油轮签证、主题旅游等各种最新热门旅游推荐</p>
		</section>
		<c:forEach var="pro" items="${list}">
			<figure class="figure">
				<a href="/detail?id=${pro.id }"> <img
					src="${pro.mainImage}">
					<figcaption>
						<strong class="title">&lt;${pro.proName }&gt; </strong>
						${pro.proDescription }
						<div class="info">
							<em class="sat">满意度${pro.satisfaction } % </em> <span
								class="price">￥ <strong>${pro.proPrice }</strong> 起
							</span>
						</div>
						<div class="type">${pro.type }</div>
					</figcaption>
				</a>
			</figure>
		</c:forEach>
		<br><br>
	<div class="page"><a href="<%=request.getContextPath() %>/index?page=${page.prePage }">&lt;&lt;</a >&nbsp;&nbsp;<a href="<%=request.getContextPath() %>/index?page=${page.nextPage }">&gt;&gt;</a></div>
			
	</div>
	
	<div class="type_content">
		<h2>国内旅游</h2><span class="more">更多产品>></span><br>
		<hr><br>
		<div class="type_left">
			<h2>热门目的地</h2>
			<ul>
				<li>三亚</li>
				<li>成都</li>
				<li>丽江</li>
				<li>云南</li>
				<li>厦门</li>
				<li>北京</li>
			</ul>
			<img src="<%=request.getContextPath() %>/resources/pro_img/gn_logo.jpg">
		</div>
		<div class="type_right">
		
			<figure>
				<a href="">
					<img src="<%=request.getContextPath() %>/resources/pro_img/gn_cd.jpg">
					<figcaption>
						<strong class="type_title">&lt;成都-九寨沟-5日游&gt; </strong>
							<br><span class="type_price">￥ 3199 起</span>满意度98%
					</figcaption>
				</a>
			</figure>
			
			<figure>
				<a href="">
					<img src="<%=request.getContextPath() %>/resources/pro_img/gn_sy.jpg">
					<figcaption>
						<strong class="type_title">&lt;海南三亚5日自由行&gt; </strong>
							<br><span class="type_price">￥ 4927 起</span>满意度99%
					</figcaption>
				</a>
			</figure>
			
			<figure>
				<a href="">
					<img src="<%=request.getContextPath() %>/resources/pro_img/gn_lj.jpg">
					<figcaption>
						<strong class="type_title">&lt;丽江-香格里拉6日游&gt; </strong>
							<br><span class="type_price">￥ 3969 起</span>满意度96%
					</figcaption>
				</a>
			</figure>
			
			<figure>
				<a href="">
					<img src="<%=request.getContextPath() %>/resources/pro_img/gn_yn.jpg">
					<figcaption>
						<strong class="type_title">&lt;云南-昆明-大理8日游&gt; </strong>
							<br><span class="type_price">￥ 2990 起</span>满意度95%
					</figcaption>
				</a>
			</figure>
			
			<figure>
				<a href="">
					<img src="<%=request.getContextPath() %>/resources/pro_img/gn_xm.jpg">
					<figcaption>
						<strong class="type_title">&lt;厦门-鼓浪屿-帆船出海5日游&gt; </strong>
							<br><span class="type_price">￥ 3699 起</span>满意度97%
					</figcaption>
				</a>
			</figure>
			
			<figure>
				<a href="">
					<img src="<%=request.getContextPath() %>/resources/pro_img/gn_bj.jpg">
					<figcaption>
						<strong class="type_title">&lt;北京双飞5日游&gt; </strong>
							<br><span class="type_price">￥ 2345 起</span>满意度96%
					</figcaption>
				</a>
			</figure>
		</div>		
	</div>
	
		<div class="type_content">
		<h2>自助旅游</h2><span class="more">更多产品>></span><br>
		<hr><br>
		<div class="type_left">
			<h2>热门目的地</h2>
			<ul>
				<li>马尔代夫</li>
				<li>三亚</li>
				<li>普吉岛</li>
				<li>巴厘岛</li>
				<li>乌克兰</li>
				<li>越南</li>
				    
			</ul>
			<img src="<%=request.getContextPath() %>/resources/pro_img/zz_logo.jpg">
		</div>
		<div class="type_right">
			<figure>
				<a href="">
				 <img src="<%=request.getContextPath() %>/resources/pro_img/zz_md.jpg">
					<figcaption>
						<strong class="type_title">&lt;马尔代夫港丽岛5晚7日自助游&gt; </strong>
							<br><span class="type_price">￥ 4250 起</span>满意度95%
					</figcaption>
				</a>
			</figure>
			<figure>
				<a href="">
				 <img src="<%=request.getContextPath() %>/resources/pro_img/zz_sy.jpg">
					<figcaption>
						<strong class="type_title">&lt;海南三亚国光双飞4日自由行&gt; </strong>
							<br><span class="type_price">￥ 1949 起</span>满意度97%
					</figcaption>
				</a>
			</figure>
			<figure>
				<a href="">
				 <img src="<%=request.getContextPath() %>/resources/pro_img/zz_pj.jpg">
					<figcaption>
						<strong class="type_title">&lt;普吉岛巴东中心6日自助游&gt; </strong>
							<br><span class="type_price">￥ 3999 起</span>满意度99%
					</figcaption>
				</a>
			</figure>
			<figure>
				<a href="">
				 <img src="<%=request.getContextPath() %>/resources/pro_img/zz_bl.jpg">
					<figcaption>
						<strong class="type_title">&lt;巴厘岛6晚7日自助游&gt; </strong>
							<br><span class="type_price">￥ 7949 起</span>满意度98%
					</figcaption>
				</a>
			</figure>
			<figure>
				<a href="">
				 <img src="<%=request.getContextPath() %>/resources/pro_img/zz_wkl.jpeg">
					<figcaption>
						<strong class="type_title">&lt;乌克兰7天6晚之旅&gt; 魅力东欧</strong>
							<br><span class="type_price">￥ 17949 起</span>满意度98%
					</figcaption>
				</a>
			</figure>
			<figure>
				<a href="">
				 <img src="<%=request.getContextPath() %>/resources/pro_img/zz_yn.jpeg">
					<figcaption>
						<strong class="type_title">&lt;越南芽庄5晚6日自由行&gt;</strong>
							<br><span class="type_price">￥ 4930 起</span>满意度97%
					</figcaption>
				</a>
			</figure>
			
		</div>
		
	</div>
		<button class="loadmore">更多 >>...</button>	
		<%@include file="common/footer.jsp"%>
</body>
</html>